<div style="position: relative;">
    <div class="search-bar">
        <div class="InputDiv">
            <Refer EntityName="BarcodeMaster" WindowTitle="条码" key="Module.BarcodeMaster.FocusedRecord._id" value="Module.BarcodeMaster.FocusedRecord.Barcode" text="Module.BarcodeMaster.FocusedRecord.Barcode" ValueField="Barcode" TextField="Barcode">
                <Column type="0" width="150px" DisplayName="编码" valuefield="Barcode"></Column>
                <Column type="textbox" width="150px" DisplayName="名称" valuefield="Barcode"></Column>
            </Refer>
        </div>
        <button type="button" class="btn btn-success search-bar-button" ng-click="search()">查询</button>
    </div>
    <div class="query-context" ng-show="data.bizCatalog.length !=0" my-scroll>
        <div class="left-hide-navbar">
            <div class="">
                <div class="left-hide-div left-navbar list-icon-hide list-icon-fix_0">
                    <span class="nav-title">基本信息</span>
                    <span class="left-hide-icon list-icon_0" ng-click="unfold(0)"></span>
                </div>
            </div>
            <div class="">
                <div class="left-hide-div left-navbar list-icon-hide list-icon-fix_1">
                    <span class="nav-title">产品参数</span>
                    <span class="left-hide-icon list-icon_1" ng-click="unfold(1)"></span>
                </div>
            </div>
            <div class="" ng-repeat="catalog in data.bizCatalog">
                <div class="left-hide-div left-navbar list-icon-hide list-icon-fix_{{$index+2}}">
                    <span class="nav-title">{{catalog.Name}}</span>
                    <span class="left-hide-icon list-icon_{{$index+2}}" ng-click="unfold($index+2)"></span>
                </div>
            </div>
        </div>
        <div class="exp-content-list">
            <div class="query-list list-exp_0">
                <div class="left-navbar ">
                    <span class="nav-title exp_0">基本信息</span>
                    <span class="list-icon exp_0" style="visibility: visible;"></span>
                </div>
                <div class="exp-right-list">
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">单号<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">当前工序<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">之间状态<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">名称<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">规格<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">分类<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">工单<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">生产批号<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">出货批号<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">客户<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">开工日期<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">计划完工日期<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                </div>
            </div>
            <div class="query-list list-exp_1">
                <div class="left-navbar">
                    <span class="nav-title exp_1">产品参数</span>
                    <span class="list-icon exp_1" style="visibility: visible;"></span>
                </div>
                <div class="exp-right-list">
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">单号<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">当前工序<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">之间状态<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">名称<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">规格<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">分类<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">工单<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">生产批号<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">出货批号<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                    <div class="exp-detail">
                        <div class="content-detail content-detail-left">客户<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-mid">开工日期<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                        <div class="content-detail content-detail-right">计划完工日期<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                </div>
            </div>
            <div class="query-list list-exp_{{$index+2}}" ng-repeat="catalog in data.bizCatalog">
                <div class="left-navbar">
                    <span class="nav-title  exp_{{$index+2}}">{{catalog.Name}}</span>
                    <span class="list-icon  exp_{{$index+2}}" style="visibility: visible;"></span>
                </div>
                <div class="exp-right-list">
                    <!-- <div class="exp-title">
                        <span class="exp-title-content">{{catalog.Name}}</span>
                    </div> -->
                    <div class="exp-detail-diy" ng-repeat="rec in catalog.record">
                        <div class="exp-detail-nav">
                            <span class="right-col list-icon"></span>
                        </div>
                        <span class="glyphicon glyphicon-menu-down detail-down" aria-hidden="true"></span>
                        <div class="exp-detail-right" style="display: flex;" ng-class="{unQc: rec.QCStatus===1}">
                            <div class="exp-detail-right-date" style="width: 200px;">{{rec.CollectDateTime}}</div>
                            <div class="exp-detail-right-work" style="width: 100px;">{{rec.WorkName}}</div>
                            <div class="exp-detail-right-Terminal" style="width: 100px;">{{rec.TerminalName}}</div>
                            <div class="exp-detail-right-user" ng-repeat="user in rec.Users" style="width: 100px;min-width: 100px">
                                <div>{{user.Name}}</div>
                            </div>
                            <div class="exp-detail-right-qc" ng-show="rec.QCFlag" style="width: 100px;">
                                <div ng-switch="rec.QCStatus">
                                    <div ng-switch-when="0">
                                        合格
                                    </div>
                                    <div ng-switch-when="1" style="color: red">
                                        不合格
                                    </div>
                                    <div ng-switch-when="2">
                                        让步接收
                                    </div>
                                    <div ng-switch-when="3">
                                        品质判定
                                    </div>
                                    <div ng-switch-when="4">
                                        返工
                                    </div>
                                    <div ng-switch-when="5">
                                        报废
                                    </div>
                                </div>
                            </div>
                            <div class="exp-detail-right-qc" ng-show="!rec.QCFlag" style="flex-grow: 1;">{{rec.WorkTime}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
